<template>
  <div>
    <h1 class="index_h1" style="text-align:center;strong;font-size:50px">云顶之译</h1>
    <p style="text-align:center"><img src="../assets/website.svg"/></p>
    <p style="text-align:center;font-size:30px;font-weight: bold;"><span>介绍</span><span style="margin-left:10%" @click="toApp">起步</span></p>
  </div>
</template>

<script>
export default {
methods:{
    toApp(){
        this.$router.push({
            name:'login'
        })
    }
}
}
</script>

<style scoped>
.index_h1{
	background: -webkit-linear-gradient(315deg,#42d392 25%,#647eff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
p>span{
    border-bottom:3px solid black;
    padding-bottom: 5px;
}
p>span:hover{
    padding-bottom: 2px;
    transition: padding-bottom 0.3s;
}

</style>